<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商户详情</title>
    <!--图片点击放大  css文件-->
    <link rel="stylesheet" href="js/viewer/css/viewer.min.css">
    <!--弹窗 css文件-->
    <link rel="stylesheet" type="text/css" href="js/layer/layer.css">
    <!--主要css样式-->
    <link rel="stylesheet" type="text/css" href="css/models.css">
</head>
<body>
<!--添加编辑资讯弹窗-->
<form id="formID">
    <ul class="addList">
        <li>
            <h2 class="addTitle">处理信息</h2>
        </li>
        <li>
            <!--处理信息状态-->
            <div class="infoFlowBox">
                <p class="infoLine infoLineTwo"><span class="fault"></span></p>
                <ul class="infoList infoListTwo">
                    <li class="infored">
                        <i class="infoIco infoPos"></i>
                        <p class="infoTit">已经注册</p>
                        <p class="infoDay">2017-03-20 18:03:02</p>
                    </li>
                    <li>
                        <i class="infoIco"></i>
                        <p class="infoTit">未认证/已认证</p>
                        <p class="infoDay">2017-03-20 18:03:02</p>
                    </li>
                </ul>
            </div>
            <!--end 处理信息状态-->
        </li>
        <li>
            <h2 class="addTitle">基本信息</h2>
        </li>
        <li>
            <p class="addHeadhunt">
                <label for="">企业名称：</label>
                <span class="detailTxt">重庆易耀通工会</span>
            </p>
            <p class="addHeadhunt">
                <label for="">门店名称：</label>
                <span class="detailTxt">重庆易耀通工会</span>
            </p>
        </li>
        <li>
            <p class="addHeadhunt">
                <label for="">商户账号：</label>
                <span class="detailTxt">重庆易耀通工会</span>
            </p>
            <p class="addHeadhunt">
                <label for="">联系电话：</label>
                <span class="detailTxt">15730339000</span>
            </p>
        </li>
        <li>
            <p class="addHeadhunt">
                <label for="">订金比例：</label>
                <span class="detailTxt"><a class="addlookBtn js_lookBtn" href="javascript:void(0);">查看</a></span>
            </p>
            <p class="addHeadhunt">
                <label for="">支持赊账：</label>
                <span class="detailTxt">支持/不支持</span>
            </p>
        </li>
        <li>
            <p class="addHeadhunt">
                <label for="">账号状态：</label>
                <span class="detailTxt">未认证/已认证</span>
            </p>
            <p class="addHeadhunt">
                <label for="">是否绑卡：</label>
                <span class="detailTxt">未绑卡/已绑卡<em>（2017-10-19 14:27:23）</em></span>
            </p>
        </li>
        <li>
            <p class="addHeadhunt">
                <label for="">真实姓名：</label>
                <span class="detailTxt">张三</span>
            </p>
            <p class="addHeadhunt">
                <label for="">身份证号：</label>
                <span class="detailTxt">500112198904059987</span>
            </p>
        </li>
        <li>
            <p class="addHeadhunt">
                <label for="">所属银行：</label>
                <span class="detailTxt">中国人民银行</span>
            </p>
            <p class="addHeadhunt">
                <label for="">银行卡号：</label>
                <span class="detailTxt">622226456895757575</span>
            </p>
        </li>
        <li>
            <p class="addHeadhunt">
                <label for="">推荐人账号：</label>
                <span class="detailTxt">18996091633</span>
            </p>
            <p class="addHeadhunt">
                <label for="">自荐批发商账号：</label>
                <span class="detailTxt">18996091633</span>
            </p>
        </li>
        <li>
            <label for="">门店地址：</label>
            <span class="detailTxt merchantPhoto">重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会重庆易耀通工会</span>
        </li>
        <li>
            <label for="" class="addImgTit">营业执照：</label>
            <div class="filePhoto merchantPhoto">
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
            </div>
        </li>
        <li>
            <label for="" class="addImgTit">法人身份证：</label>
            <div class="filePhoto merchantPhoto">
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
            </div>
        </li>
        <li>
            <label for="" class="addImgTit">其他证件：</label>
            <div class="filePhoto merchantPhoto">
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
            </div>
        </li>
        <li>
            <label for="" class="addImgTit">门店照片：</label>
            <div class="filePhoto merchantPhoto">
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
            </div>
        </li>
    </ul>
</form>
<!--end 添加编辑资讯弹窗-->
<!--订金比例列表弹窗-->
<div class="PopupBox" id="ph_lookBox">
    <!--内容-->
    <div class="ph_subPoCon ph_wareBox" style="padding: 10px; margin-top: 0;">
        <table class="ph_wareList">
            <thead>
            <tr role="row">
                <th>批发商企业名称</th>
                <th>批发商账号</th>
                <th>订金比例</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr>
            <tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr>
            <tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr><tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr>
            <tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr>
            <tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr><tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--end 内容-->
</div>
<!--end 订金比例列表弹窗-->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<!--图片点击放大-->
<script src="js/viewer/viewer-jquery.min.js"></script>
<!--弹窗-->
<script type="text/javascript" src="js/layer/layer.js"></script>
<script type="text/javascript">
    $(function () {
        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        //关闭iframe
        $('.cancel').click(function () {
            parent.layer.close(index);
        });

        //图片点击放大
        $('.zoom-img').viewer({
            url: 'src',
            navbar: false,
            keyboard: true,
            title: true
        });
        //查看订金比例列表
        $('.addList').on('click','.js_lookBtn',function(){
            layer.open({
                type: 1,
                title: '查看比例',
                //closeBtn : 1,
                area: ['800px','300px'],
                //maxmin: true,
                //btn:['保存','取消'],
                btnAlign: 'c',
                content: $('#ph_lookBox')
            });
        });
    });
</script>
</body>
</html>